
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <title>蛋酱</title>
    <link rel="stylesheet" href="../../res/danji/css/DWCupDanji.css?v=1.0.1">
    <style>
        body{
            background: rgb(195,223,222);
        }
        .nd-icon {
            background: url("../../res/danji/img/nd_icon_jin.png") 0 50% no-repeat;
            -webkit-background-size: .5rem auto;
            background-size: .5rem auto
        }
        .page {
            background: url("../../res/danji/img/DWCupDanji/dwbj.png") no-repeat no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% auto;
        }

        .nd-flash {
            background: url("../../res/danji/img2/nd11.png") 50% 50% no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
        }

        .shiniu{
            width: 1.1rem;
            position: absolute;
            right: 10%;
            bottom: 25%;
            overflow: hidden;
            display: none;
        }

        .fullNiu{
            width: 1.7rem;
            position: absolute;
            left: 5%;
            bottom: 18%;
            overflow: hidden;
            /*display: none;*/
        }

        .fullNiu img{
            display: none;
        }

        #tbk{
            width: 1.5rem;
            position: absolute;
            left: 5%;
            bottom: 19%;
            overflow: hidden;
        }

        #tbk img{
            width: 1.5rem;
        }

        .shiniu img{
            width: 1rem;
        }

        .nd-exit {
            background: url("../../res/danji/img2/nd7.png") no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto
        }

        .nd-model-btn{
            display:inline-block;
            width:3.2rem;
            height:1.1rem;
            background:url("../../res/danji/img/cupDanji/gotoInen.png") no-repeat no-repeat;
            background-size:auto
        }

        .nd-model-btn-share{background:url("../../res/danji/img/nd_btns.png") 0 -1.1rem no-repeat;
            -webkit-background-size:3.2rem auto;
            background-size:3.2rem auto}

        .nd-model-btn-hp{
            margin-top: 20px;
            display:inline-block;
            width:6.4rem;
            height:1.1rem;
            background:url("../../res/danji/img/nd_btns3.png") no-repeat;
            -webkit-background-size:6.4rem auto;
            background-size:6.4rem auto}
        .layui-layer-btn a{
            font-size: 0.15rem!important;
        }
        #snInfo{
            width: 100%;
            margin: 0.2rem auto;
            overflow: hidden;
            display: none;
        }

        #qcInfo{
            width: 100%;
            margin: 0.2rem auto;
            overflow: hidden;
            display: none;
        }

        #snInfo img{
            width: 70%;
        }
        .disable {
            pointer-events: none;
        }
        #topInfo2{
            max-height: 8rem;
            overflow-y: auto;
        }
    </style>
    <script>
        var mypoolid=1114;
        var mymarkid="";

        !function (n) {
            var e = n.document,
                t = e.documentElement,
                dpr, scale;
            var isAndroid = n.navigator.appVersion.match(/android/gi),
                isIPhone = n.navigator.appVersion.match(/iphone/gi),
                devicePixelRatio = n.devicePixelRatio;
            if (isIPhone) {
                if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                    dpr = 2
                } else {
                    dpr = 1
                }
            } else {
                dpr = 1
            }
            scale = 1 / dpr;
            var metaEl = e.createElement("meta");
            var scale = dpr === 1 ? 1 : 0.5;
            metaEl.setAttribute("name", "viewport");
            metaEl.setAttribute("content", "initial-scale=" + scale + ", maximum-scale=" + scale + ", minimum-scale=" + scale + ", user-scalable=no");
            if (t.firstElementChild) {
                t.firstElementChild.appendChild(metaEl)
            } else {
                var wrap = e.createElement("div");
                wrap.appendChild(metaEl);
                e.write(wrap.innerHTML)
            }
            var i = 1440,
                d = i / 200,
                rem, o = "orientationchange" in n ? "orientationchange" : "resize",
                a = function () {
                    var n = t.clientWidth || 320;
                    n > i && (n = i),
                        t.style.fontSize = (rem = n / d) + "px"
                };
            n.px2rem = function (px) {
                var v = parseFloat(px);
                return v / rem
            };
            n.rem2px = function (r) {
                var v = parseFloat(r);
                return rem * v
            };
            e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))
        }(window);
    </script>
</head>
<body>
<div class="page">
    <img class="goBlack" src="../../res/img/common/bick.png" alt="">
    <img id="rule" src="../../res/danji/img/DWCupDanji/rule.png" alt="">
    <div class="page-flash"></div>
    <div class="nd-wrapper">
        <!--        <div class="rule"><img src="../../res/danji/img/cupDanji/rule.png" alt=""></div>-->
        <div class="cupNum">
            <div id="usercoupon" class="left">
                <img src="../../res/danji/img/DWCupDanji/syjh.png" alt="">
                <span>0</span>
            </div>
            <div id="getCup" class="right"><img src="../../res/danji/img/DWCupDanji/rhhq.png" alt=""></div>
        </div>
        <div class="nd">
            <img src="../../res/danji/img2/nd2.png" alt="" class="nd-machine">
            <a id="danjiDetail" class="nd-detail">
                <div class="nd-poster">
                    <div id="cuxiaotext" class="nd-poster-label"></div>
                    <img id="picbanner" src="../../res/danji/img/DWCupDanji/DWPic.jpg" alt="" class="nd-poster-img">
                    <!--                    <img src="../../res/danji/img/nd_hand.png" alt="" class="nd-poster-handle">-->
                </div>
            </a>
            <div class="nd-switch-wrapper">
                <div class="nd-flash-wrapper">
                    <div class="nd-flash"></div>
                </div>
                <div class="nd-switch">
                    <div class="nd-switch-indicate">
                        <img class="nd-switch-indicate-img" src="../../res/danji/img2/nd3.png" alt="">
                    </div>
                </div>
            </div>
            <div class="fullNiu">
                <img id="nofullNiuBtn" src="../../res/img/common/bdcbH.png" alt="">
                <img id="fullNiuBtn" src="../../res/img/common/bdcb.png" alt="">

            </div>
            <div id="tbk" class="tbk">
                <img src="../../res/img/tbk.png" alt="">
            </div>
            <div class="nd-exit">
                <div class="nd-award-wrapper">
                    <div class="nd-award"></div>
                </div>
            </div>
        </div>
        <!--      抽奖按钮-->
        <div class="btnWrap">
            <img class="btnWrapBj" src="../../res/img/bj.png" alt="">
            <div id="tenBtn" class="tenBtn">
                <img src="../../res/danji/img/DWCupDanji/ten.png" alt="">
            </div>
            <div id="oneBtn" class="oneBtn">
                <img src="../../res/img/one.png" alt="">
            </div>
        </div>
    </div>

    <div class="nd-combo">
        <div class="nd-combo-text"><span>1</span></div>
        <img src="../../res/danji/img/logoface0.png" alt="">
        <img src="../../res/danji/img/logoface1.png" alt="">
        <img src="../../res/danji/img/logoface2.png" alt="">
        <img src="../../res/danji/img/logoface3.png" alt="">
    </div>
</div>

<div id="inviteWX" class="lookCard"><img src="../../res/danji/img/DWCupDanji/invite.png" alt=""></div>

<div class="prizeList">
<!--    <div class="top">-->
<!--        <div class="left"><img src="../../res/danji/img/cupDanji/spqx.png" alt=""></div>-->
<!--        <div class="right"><img src="../../res/danji/img/cupDanji/cqjl.png" alt=""></div>-->
<!--    </div>-->
    <div class="prizeTop">
        <div class="titleName active">
            <span>邀请任务</span>
            <img src="../../res/danji/img/DWCupDanji/zx.png" alt="">
        </div>
        <div class="titleName">
            <span>邀请记录</span>
            <img src="../../res/danji/img/DWCupDanji/zx.png" alt="">
        </div>
        <div class="titleName">
            <span>商品详情</span>
            <img src="../../res/danji/img/DWCupDanji/zx.png" alt="">
        </div>
    </div>
    <ul id="extractRecord" class="extractRecord">
        <li id="targetCount" style="text-align: center"></li>
        <li class="canChange1"><span>累积3人获得糯米</span><span class="ljdh">兑换</span></li>
        <li class="canChange2"><span>累积6人获得粽叶</span><span class="ljdh">兑换</span></li>
        <li class="canChange3"><span>累积9人获得粽绳</span><span class="ljdh">兑换</span></li>
        <li class="canChange4"><span>累积12人获得红豆</span><span class="ljdh">兑换</span></li>
    </ul>
    <ul id="inviteUl" class="extractRecord">
        <li>zhujs</li>
    </ul>
    <ul id="prizeUl" class="prizeUl"></ul>
</div>

<div id="lookCard" class="lookCard"><img src="../../res/danji/img/DWCupDanji/ckcard.png" alt=""></div>

<div class="activityInfo">
    <div class="titleName">活动介绍</div>
    <div class="infoContent">青青粽叶香,温情蕴端阳。端午节怎么能少得了粽子呢？“集粽卡兑粽礼”蛋酱君带你包粽子！<br>
        第一步！超多活动拥有海量扭蛋券！<br>
        第二步！蛋酱端午限定扭蛋机，扭出各种粽子原材料！<br>
        第三步！制作不同口味的粽子，兑换粽子福袋，开出超丰厚的奖品！<br>
        还有终极大奖，冲击排行榜，送上千元以上大手办！<br>
        本次活动奖品如下：<br>
        【粽子福袋】<br>
        *糯米粽福袋     10-90随机金币红包<br>
        *豆沙粽福袋     30-180随机金币红包<br>
        *蜜枣粽福袋     180金币红包或盒蛋一个<br>
        *猪肉粽福袋     240-480随机金币红包或随机成套扭蛋一份<br>
        *蛋黄猪肉粽福袋  360-720随机金币红包或随机景品一个<br>
        *栗子猪肉粽福袋  480-900随机金币红包或者150元以上奖品随机一个<br>
        *粽子礼盒福袋   粘土人一个<br>

        【积分榜奖励】<br>
        第一名 万代METAL BUILD MB高F91 CHRONICLE WHITE Ver 重武装<br>
        第二名 现货 手办 MH GEM 死神BLEACH 四枫院夜一 破面篇<br>
        第三名 现货 手办 PP892 五等分的花嫁 中野五月 特典版<br>
        第四名 1200金币红包<br>
        第五名 1200金币红包<br>
        第六名 1200金币红包<br>
        第七名 1200金币红包<br>
        第八名 600金币红包<br>
        第九名 600金币红包<br>
        第十名 600金币红包<br>

        参与活动详情规则可以点击右上方的“规则”按钮了解<br>
        扭蛋券获取方式可见扭蛋机上方“如何获取”<br>
        *蛋酱小贴士：（悄悄告诉你）邀请好友可以拥有更大几率兑换到更丰厚的粽礼福袋！</div>
</div>

<!--<div class="downloadApp"><img src="../../res/danji/img/DWCupDanji/xzdj.png" alt=""></div>-->
<div class="mc"></div>

<!--提示弹窗-->
<div id="conAlert2" class="alertWrap">
    <div class="indexBack"></div>
    <section class="alertWrapIndex">
        <div class="topName">如何获取</div>
        <div id="topInfo" class="topInfo">
            活动期间，蛋酱扭蛋券大放送！每天都可以得到超多扭蛋券！<br>
            扭蛋券获取指南：<br>
            ①每日签到，每人每日可获得一张扭蛋券<br>
            ②每日在扯蛋发帖，每人每日可获得一张扭蛋券<br>
            ③邀请好友助力，每邀请一位好友双方皆可获得一张扭蛋券<br>
            ④每日首次分享扭蛋后页面，每人每日可获得一张扭蛋券<br>
            ⑤在蛋酱进行充值，满足一定金额将会额外获得扭蛋券：<br>
            充值233元赠送1张扭蛋券<br>
            充值666元赠送2张扭蛋券<br>
            充值1288元赠送4张券扭蛋券<br>
            充值2333元赠送8张券扭蛋券<br>
        </div>
        <div class="leftRight">
            <!--            <div id="cancel">取消</div>-->
            <div style="width: 90%" id="conBtn2">确定</div>
        </div>
    </section>
</div>

<!--提示弹窗-->
<div id="conAlert3" class="alertWrap">
    <div class="indexBack"></div>
    <section class="alertWrapIndex">
        <div class="topName">规则</div>
        <div id="topInfo2" class="topInfo">
            “集粽卡兑粽礼”活动规则 <br>
            1.使用扭蛋券在端午限定蛋机中抽取，100%必出粽子材料卡（每次可获得粽叶、糯米、绳子、红豆、蜜枣、猪肉、蛋黄、栗子中随机一张）或随机金币红包，扭蛋券可通过活动期间的每日任务获得。<br>
            ①每日签到<br>
            ②每日发帖<br>
            ③邀请好友助力<br>
            ④每日首次分享扭蛋后页面<br>
            活动期间在蛋酱充值，还会额外赠送扭蛋券，具体扭蛋券获取规则可详见活动页面。<br>

            2.累计好友助力可获得指定粽子材料卡，活动期间每个ID只有一次给他人助力的机会。<br>
            累积3人获得糯米<br>
            累积6人获得粽叶<br>
            累积9人获得绳子<br>
            累积12人获得红豆<br>

            3.好友之间可相互赠送粽子材料卡，每个用户每天只能接受来自同一ID好友的一次赠送。<br>

            4.按照粽子的制作菜谱，每集齐一个粽子的原材料就可兑换一个对应口味的粽子福袋。粽子菜谱及福袋礼物内容如下：<br>
            ·粽子菜谱：<br>
            糯米粽=糯米*1+粽叶*1+绳子*1<br>
            豆沙粽=糯米*1+粽叶*1+绳子*1+红豆*1<br>
            蜜枣粽=糯米*1+粽叶*1+绳子*1+蜜枣*1<br>
            猪肉粽=糯米*1+粽叶*1+绳子*1+猪肉*1<br>
            蛋黄猪肉粽=糯米*1+粽叶*1+绳子*1+猪肉*1+蛋黄*1<br>
            栗子猪肉粽=糯米*1+粽叶*1+绳子*1+猪肉*1+栗子*1<br>
            粽子礼盒=糯米*6+粽叶*6+绳子*6+猪肉*3+蛋黄*1+栗子*1+蜜枣*1+红豆*1<br>

            ·福袋礼物：<br>
            *糯米粽福袋     10-90随机金币红包<br>
            *豆沙粽福袋     30-180随机金币红包<br>
            *蜜枣粽福袋     180金币红包或盒蛋一个<br>
            *猪肉粽福袋     240-480随机金币红包或随机成套扭蛋一份<br>
            *蛋黄猪肉粽福袋  360-720随机金币红包或随机景品一个<br>
            *栗子猪肉粽福袋  480-900随机金币红包或者150元以上奖品随机一个<br>
            *粽子礼盒福袋   粘土人一个<br>

            5.每包一个粽子都将获得相应的积分，本次活动同步更新积分排行榜，截止6/18 24:00活动结束，获得积分最高者将会获得一份千元以上手办大奖，积分前十位者都将给予称号及丰厚礼物。<br>
            ·粽子积分一览：<br>
            *糯米粽      1分<br>
            *豆沙粽      2分<br>
            *蜜枣粽      3分<br>
            *猪肉粽      5分<br>
            *蛋黄猪肉粽  12分<br>
            *栗子猪肉粽  15分<br>
            *粽子礼盒    50分<br>

            ·积分榜奖励一览<br>
            第一名 万代METAL BUILD MB高F91 CHRONICLE WHITE Ver 重武装<br>
            第二名 现货 手办 MH GEM 死神BLEACH 四枫院夜一 破面篇<br>
            第三名 现货 手办 PP892 五等分的花嫁 中野五月 特典版<br>
            第四名 1200金币红包<br>
            第五名 1200金币红包<br>
            第六名 1200金币红包<br>
            第七名 1200金币红包<br>
            第八名 600金币红包<br>
            第九名 600金币红包<br>
            第十名 600金币红包<br>

            6.活动结束，剩余未兑换的粽子材料卡将由系统自动兑换成金币红包发放至各账户中，兑换比例为一张卡牌兑换1金币红包。<br>

            7.活动中获得的奖品，平台内虚拟奖品将即时通过系统发送到ID账户，实物奖品将在活动结束后48小时内发放至对应ID账户的蛋池中。<br>

            8.本次活动的最终解释权归蛋酱所有。温馨提示，如发现恶意刷号行为，将对相关账号按规定做封号处理，敬请谅解。<br>
        </div>
        <div class="leftRight">
            <!--            <div id="cancel">取消</div>-->
            <div style="width: 90%" id="conBtn3">确定</div>
        </div>
    </section>
</div>

<!--提示弹窗-->
<div id="conAlert4" class="alertWrap">
    <div class="indexBack"></div>
    <section class="alertWrapIndex">
        <div class="topName">恭喜你获得</div>
        <div style="text-align: center" id="topInfo3" class="topInfo"></div>
        <div class="leftRight">
            <!--            <div id="cancel">取消</div>-->
            <div style="width: 90%" id="conBtn4">确定</div>
        </div>
    </section>
</div>


<!--弹出层-->
<div class="layuiAlert"></div>
<!--音乐加载-->
<div>
    <audio id="soundStar" src="../../res/danji/vendor/sound_niu6.mp3" preload="auto"></audio>
    <audio id="soundToggle" src="../../res/danji/vendor/sound_over6.mp3" preload="auto"></audio>
</div>
</body>

<script src="../../res/danji/vendor/jquery.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<!--<script src="../../res/danji/vendor/DWCupDanjiCommon.js?v=1.0.1"></script>-->
<script src='../../res/js/layer/layer.js'></script>
<script src="../../res/js/common/h5Common.js"></script>
<script src="../../res/js/vconsole.min.js"></script>
<script src="../../res/danji/vendor/DWCupDanji.js?v=1.0.6"></script>
<script>
    // let cConsole = new VConsole();
    console.log('hello word')
</script>
<script>
    $('#cancel').click(function () {
        $('#conAlert2').hide()
    });
    $(function(){

        //处理宽高问题
        var $ndMachine = $('.nd-machine');
        var img = new Image();
        img.onload = function () {
            var radio = img.width / img.height;
            var padding = 10;
            var w = window.innerWidth - padding;
            var h = w / radio;
            if (h > window.innerHeight - padding) {
                h = window.innerHeight - padding;
                w = radio * h;
            }

            $nowscwidth=$(window).width();
            $nowscheight=$(window).height();

            $bilili=$nowscheight/$nowscwidth;

            // if($bilili < 1.45) { //ipad
            //     $ndMachine.parent().css({
            //         'width': '80%',
            //         'bottom': '0%',
            //         'visibility': 'visible'
            //     });
            // }else if($bilili < 1.68) { //有底边栏
            //     $ndMachine.parent().css({
            //         'width':'87%',
            //         'bottom': '0%',
            //         'visibility': 'visible'
            //     });
            // }else{ //无底边栏
            //     $ndMachine.parent().css({
            //         'width': '90%',
            //         'top': '1.7rem',
            //         'visibility': 'visible'
            //     });
            // }

        };
        img.src = $ndMachine.attr('src');
    })

</script>
</html>
